.index{
    .w {
        width: 1400px;
        margin: 0 auto;
    }
    header {
        width: 100%;
        height: 34px;
        background-color: #333333;
        font-size: 14px;
        color: white;
        display: flex;
        div{
            display: flex;
            justify-content: space-around;
            align-items: center;
            ul {
            list-style: none;
            display: flex;
            align-items: center;
            li {
                padding: 0 12px;
                border-right: 1px solid gray;
            }
        }
        span {
            b{
                padding: 0 10px;
                cursor: pointer;
            }
        }
        }
        
    }
    .hot-box {
        width: 100%;
        height: 80px;
        background-color: white;
        .hot {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: space-around;
            ul {
                width: 60%;
                height: 80%;
                display: flex;
                list-style: none;
                align-items: center;
                li {
                    padding: 0 12px;
                    height: 30px;
    
                }
            }
            .search {
                width: 16%;
                height: 40px;
            }
        }
    }
    .content-box {
        width: 100%;
        height: 800px;
        background: #F5F5F5;
        p {
            width: 1000px;
            height: 30px;
            display: flex;
            align-items: center;
        }
        .content{
            width: 1000px;
            ul {
                width: 100%;
                height: 110px;
                display: flex;
                align-items: center;
                list-style: none;
                background-color: white;
                padding: 0;
                li {
                    flex: 1;
                    border-right: 1px solid gray;
                    text-align: center;
                    cursor: pointer;
                    box-sizing: border-box;
                }
                li:last-child{
                    border: none;
                }
                
            }
        }
        .Img {
            width: 1000px;
            height: 600px;
            background-color: gray;
        }
    }
}
